<template>
  <div class="mian">
    <div class="main-header">
      <img class="img" src="../assets/logo.png" height="30">
      <div class="desc">
        <div class="text-on">王者荣耀</div>
        <div class="text-dwon">团队成就更多</div>
      </div>
      <div class="btn "><span>立即下载</span></div>

    </div>
    <tap></tap>
  <router-view></router-view>
  </div>
</template>
<script>
import Tap from '../components/Main/Tap'
export default {
  name: '',
  components: {
    Tap
  }
}

</script>
<style lang="scss" scoped>
  @import "../assets/styles/global";
  .mian {
    background-color: #cccccc;
    .main-header {
      @include flex;
      left: 0;
      top: 0;
      height: .9rem;
      width: 100%;
      z-index: 20;
      position: fixed;
      background-color: black;

      .img {
        margin: .2rem;
      }

      .desc {
        flex: 1;

        .text-on {
          font-size: .26rem;
          line-height: .34rem;
          color: #fff;
        }

        .text-dwon {
          font-size: .16rem;
          color: #666;
        }
      }

      .btn {
        width: 1.2rem;
        height: .48rem;
        background-color: orange;
        margin-right: .2rem;
        text-align: center;
        line-height: .48rem;
        font-size: .18rem;
        border-radius: .1rem;
      }

    }
  }
</style>
